<template>
    <div class="proup" id="inputPP">
      <div class="ptem">
        <div class="i6d6">文字内容</div>
        <div class="i6d6">(文字超过100个字将自动收起)</div>
        <div class="i6d6"><textarea v-model="rel.property.word.text"></textarea></div>
      </div>
      
      <hr>
      <div class="ptem">
        <div class="i2d6">
          <label>文字对齐方式</label>
        </div>
        <div class="i4d6">
          <div class="i6d6 btn-group">
            <a class="btn btn-default" v-on:click="align('left')" v-bind:class="{'active':rel.property.introAlign=='left'}">居左</a>
            <a class="btn btn-default" v-on:click="align('center')" v-bind:class="{'active':rel.property.introAlign=='center'}">居中</a>
            <a class="btn btn-default" v-on:click="align('right')" v-bind:class="{'active':rel.property.introAlign=='right'}">居右</a>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
export default{
  props:["rel"],
  methods:{
    align:function(align){
      this.rel.property.introAlign = align
    }
    
  }
}
</script>

<style>
</style>
